html{
    height: 100%;
}
body {
    height: 100%;
    background-color: rgb(40, 40, 40);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.05);
    font-family: 微软雅黑, 'microsoft yahei', 宋体, 新宋体, sans-serif;
    font-size: 12px;
    color: #fff;
    overflow: auto;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
}
.show-content{
    width: 100%;
    height: 100%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.phone-wrap{
    width: 347px;
    height: 584px;
    padding: 72px 0 0;
    background:url(../images/iphone_6s-.png) no-repeat;
    background-size:100%;
    background-position:0 -12px;
    box-sizing:border-box;
}
.h5-wrap{
    width: 250px;
    height: 444px;
    margin:0 auto;
}
.h5-content{
    width: 100%;
    height: 100%;
}
.show-content .icon-pre,
.show-content .icon-next{
    width: 30px;
    height: 30px;
    position:relative;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 50%;
    box-sizing: border-box;
}
.show-content .able{
    cursor: pointer;
    border-color: #fff;
}
.show-content .icon-pre::before,
.show-content .icon-pre::after,
.show-content .icon-next::before,
.show-content .icon-next::after{
    content: '';
    display:block;
    position:absolute;
    left:6px;
    border:8px solid transparent;
}
.show-content .icon-pre::before{
    top:1px;
    border-bottom-color: rgba(255,255,255,.2);
}
.show-content .icon-pre.able::before{
    border-bottom-color: #fff;
}
.show-content .icon-pre::after{
    top:2px;
    border-bottom-color:rgb(40, 40, 40);
}
.show-content .icon-next::before{
    top:11px;
    border-top-color: rgba(255,255,255,.2);
}
.show-content .icon-next.able::before{
    border-top-color: #fff;
}
.show-content .icon-next::after{
    top:10px;
    border-top-color:rgb(40, 40, 40);
}
.show-content .able:hover{
    background-color:#fff;
}

.show-content .icon-pre.able:hover::before{
    border-bottom-color: rgb(40, 40, 40);
}
.show-content .icon-next.able:hover::before{
    border-top-color: rgb(40, 40, 40);
}
.show-content .icon-pre.able:hover::after{
    border-bottom-color:#fff;
}
.show-content .icon-next.able:hover::after{
    border-top-color:#fff;
}
.show-content .page-index{
    margin: 15px auto;
    text-align: center;
    font-size: 14px;
}





























